<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>ShoppingShow</title>

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
   <link href="<?php echo base_url();?>common/bootstrap.css" rel="stylesheet">
   <script type="text/javascript" src="<?php echo base_url();?>common/jquery-1.3.min.js" ></script>
	<style type="text/css">
	      body {
	        padding-top: 60px;
	      }
	     
	     html, body {
        background-color: #FFFAF0;
     	 }
      	body {
        	padding-top: 50px; /* 40px to make the container go all the way to the bottom of the topbar */
     	 }
      	.container > footer p {
        text-align: center; /* center align it with the container */
     	 }
      	.container {
         width: 1100px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
     	 }
     	 .article{
     	 	border-width:1px;
     	 	border:#FFE4E1;
     	 	
     	 	padding-top:3px; 
			padding-bottom:5%;
     	 	
     	 }
     	 .article a img.thumbnail{
			max-width:300px;
			max-height:500px;
	
			}

			.article p{
				text-align:right;
			}
			
			.img{
				text-align:center;
			}
     	 <style>.shopimg{ 
			max-width:160px; 
			max-height:160px; 
			padding:0px; 
			margin:0; 
			} 
     	 *html.shopimg{ 
		height: expression(this.width > 300 ? this.height = this.height * 300 / this.width : "auto");
		width: expression(this.width > 300 ? "300px" : "auto");
		max-width:300px;
		}
	</style>
<script type="text/javascript">
	function getByGenre(num){
		document.getElementById("num").value = num;
		document.search.submit();
	}
	
	function doLike(){
		  
	}
</script>
    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
   <div class="topbar">
      <div class="fill">
        <div class="container" >
          <a class="brand" href="<?php echo base_url();?>">ShoppingShow</a>
          <ul class="nav">
          		<?php if(isset($user_id)){?>
	          		<li><a href="#"><?php echo $user_id.", welcome!";?></a></li>
	             	<li><a href="<?php echo site_url("items/myPageShow");?>">MyPage</a></li>
	             	<li><a href="<?php echo site_url("users/logout");?>">Logout</a></li>
             	<?php }?>
          </ul>
          
           <?php if(!isset($user_id)){?>
            <form action="<?php echo site_url("users/login");?>" method="post">
	            <input class="input-small" type="text" name="name" placeholder="Username">
	            <input class="input-small" type="password" name="psd" placeholder="Password">
	            <button class="btn" type="submit">Sign in</button>
           </form>
           &nbsp
           <form action="<?php echo site_url("users/register_view");?> ">
           		<button class="btn" type="submit">register</button>
           </form>
           
           <?php }?>
             <?php if(isset($msg)){?>
           			<span class="label warning"><?php echo $msg;?></span>
           <?php $this->session->unset_userdata('msg');}?>
        </div>
      </div>
    </div>

<div class="container">
    <div class="row">
        <div class="span18">
        <a 
        title="CD・DVD・楽器"  href="#" onclick="getByGenre(1);">CD・DVD・楽器</a>&nbsp
        <a 
      title="インテリア・寝具・収納"  href="#" onclick="getByGenre(2);">インテリア・寝具・収納</a>

        <a 
      title="おもちゃ・ホビー・ゲーム"  href="#" onclick="getByGenre(3);">おもちゃ・ホビー・ゲーム</a>
        <a 
      title="キッズ・ベビー・マタニティ"  href="#" onclick="getByGenre(4);">キッズ・ベビー・マタニティ</a>

        <a 
         title="日用品雑貨・文房具・手芸"  href="#" onclick="getByGenre(5);">日用品雑貨・文房具・手芸</a>

        <a 
      title="ジュエリー・アクセサリー"  href="#" onclick="getByGenre(6);">ジュエリー・アクセサリー</a>

        <a 
      title="スポーツ・アウトドア"  href="#" onclick="getByGenre(7);">スポーツ・アウトドア</a>
 
        <a 
     title="ダイエット・健康"  href="#" onclick="getByGenre(8);">ダイエット・健康</a>
        <a 
      title="水・ソフトドリンク"  href="#" onclick="getByGenre(9);">水・ソフトドリンク</a>

        <a 
      title="パソコン・周辺機器"  href="#" onclick="getByGenre(10);">パソコン・周辺機器</a> 
        <a 
      title="バッグ・小物・ブランド雑貨"  href="#" onclick="getByGenre(11);">バッグ・小物・ブランド雑貨</a> 
        <a 
         title="レディースファッション"  href="#" onclick="getByGenre(12);">レディースファッション</a> 
        <a 
      title="花・ガーデン・DIY"  href="#" onclick="getByGenre(13);">花・ガーデン・DIY</a> 
        <a 
      title="ペット・ペットグッズ"  href="#" onclick="getByGenre(14);">ペット・ペットグッズ</a> 
        <a 
      title="家電・AV・カメラ"  href="#" onclick="getByGenre(15);">家電・AV・カメラ</a> 
        <a 
      title="食品"  href="#" onclick="getByGenre(16);">食品</a> 
        <a 
      title="美容・コスメ・香水"  href="#" onclick="getByGenre(17);">美容・コスメ・香水</a>

 
        <a 
      title="旅行・出張・チケット"  href="#" onclick="getByGenre(18);">旅行・出張・チケット</a>
      </div>
      
       <div class="span18">
        <a 
      title="不動産・住まい"  href="#" onclick="getByGenre(19);">不動産・住まい</a> 
        <a 
      title="学び・サービス・保険"  href="#" onclick="getByGenre(20);">学び・サービス・保険</a> 
        <a 
        title="百貨店・総合通販・ギフト"  href="#" onclick="getByGenre(21);">百貨店・総合通販・ギフト</a> 
        <a 
      title="デジタルコンテンツ"  href="#" onclick="getByGenre(22);">デジタルコンテンツ</a> 
        <a 
      title="車用品・バイク用品"  href="#" onclick="getByGenre(23);">車用品・バイク用品</a> 
        <a 
      title="インナー・下着・ナイトウエア"  href="#" onclick="getByGenre(24);">インナー・下着・ナイトウエア</a> 

      <a 
      title="日本酒・焼酎"  href="#" onclick="getByGenre(25);">日本酒・焼酎</a> 
      <a 
      title="ビール・洋酒"  href="#" onclick="getByGenre(26);">ビール・洋酒</a> 
      <a 
      title="スイーツ"  href="#" onclick="getByGenre(27);">スイーツ</a> 
      <a 
      title="医薬品・コンタクト・介護"  href="#" onclick="getByGenre(28);">医薬品・コンタクト・介護</a> 
      <a 
      title="メンズファッション"  href="#" onclick="getByGenre(29);">メンズファッション</a> 
      <a 
      title="靴"  href="#" onclick="getByGenre(30);">靴</a> 
      <a 
      title="腕時計"  href="#" onclick="getByGenre(31);">腕時計</a> 
      <a 
      title="キッチン用品・食器・調理器具"  href="#" onclick="getByGenre(32);">キッチン用品・食器・調理器具</a>
       <a 
      title="車・バイク"  href="#" onclick="getByGenre(33);">キッチン用品・食器・調理器具</a>
       <a 
      title="本・雑誌・コミック"  href="#" onclick="getByGenre(34);">キッチン用品・食器・調理器具</a>
	 </div>
   </div>
 
<br/>
	<div class="row" id="imagewall_container">
		<div class="span18">
	<?php if($items->num_rows() > 0){
			$num_rows=$items->num_rows();
			$a=$num_rows%3;
			$b=floor($num_rows/3);
			
			$rows=$items->result();
			if($a==0){
				$num_oneOfthree=$b;
				$num_twoOfthree=$b+$b;
			}else if($a==1){
				$num_oneOfthree=$b+1;
				$num_twoOfthree=$b+$b+1;
			}else{
				$num_oneOfthree=$b+1;
				$num_twoOfthree=$b+$b+2;
			}
	?>
	<div class="row">
		<div class="span-one-third">
		<div class="article">
		<?php for($i=0;$i<$num_oneOfthree;$i++){?>
		
			<div class="img">
			 <a href='<?php echo site_url("items/getItem/".$rows[$i]->item_id."/0");?>' >
				<img class="thumbnail"  src="<?php echo $rows[$i]->img_url ?>" alt='img' name="img_url">
			  </a>
			 </div>		
			<?php
				$sql = "SELECT * FROM comments WHERE item_id = ? order by creat_time desc"; // asc desc
				$comments=$this->db->query($sql, $rows[$i]->item_id);
				$comments_num=$comments->num_rows();
				
				$sql = "SELECT * FROM items WHERE item_id = ?";
				$items = $this->db->query($sql, $rows[$i]->item_id);
				$like_num="0";
				 foreach($items->result() as $row_item){
				 	$like_num=$row_item->like_count;
				 }?>
			 <p><a href="#">Good(<?php echo $like_num;?>)</a></p>
			 <p><a href='<?php echo site_url("items/getItem/".$rows[$i]->item_id."/0");?>' >Comments(<?php echo $comments_num;?>)</a></p>
			<span><?php echo $rows[$i]->description ;?></span><br/><br/>
	   <?php }?>
	   </div>
	   </div>
		
		<div class="span-one-third">
		<div class="article">
		<?php for($i=$num_oneOfthree;$i<$num_twoOfthree;$i++){?>
			<div class="img">
			<a href='<?php echo site_url("items/getItem/".$rows[$i]->item_id."/0");?>' >
				<img class="thumbnail"   src="<?php echo $rows[$i]->img_url ?>" alt='img' name="img_url">
			  </a>
			  </div>			  		
			<?php
				$sql = "SELECT * FROM comments WHERE item_id = ? order by creat_time desc"; // asc desc
				$comments=$this->db->query($sql, $rows[$i]->item_id);
				$comments_num=$comments->num_rows();
				
				$sql = "SELECT * FROM items WHERE item_id = ?";
				$items = $this->db->query($sql, $rows[$i]->item_id);
				$like_num="0";
				 foreach($items->result() as $row_item){
				 	$like_num=$row_item->like_count;
				 }?>
			 <p><a href="#" onclick="" >Good(<?php echo $like_num;?>)</a></p>
			 <p><a href='<?php echo site_url("items/getItem/".$rows[$i]->item_id."/0");?>' >Comments(<?php echo $comments_num;?>)</a></p>
			<span><?php echo $rows[$i]->description ;?></span><br/><br/>
	   <?php }?>
	   </div>
	   </div>
		
		<div class="span-one-third">
		<div class="article">
		<?php for($i=$num_twoOfthree;$i<$num_rows;$i++){?>
  			<div class="img">
			  <a href='<?php echo site_url("items/getItem/".$rows[$i]->item_id."/0");?>' >
				<img class="thumbnail" src="<?php echo $rows[$i]->img_url ?>" alt='img' name="img_url" />
			  </a>
			</div>
			  		
			<?php
				$sql = "SELECT * FROM comments WHERE item_id = ? order by creat_time desc"; // asc desc
				$comments=$this->db->query($sql, $rows[$i]->item_id);
				$comments_num=$comments->num_rows();
				
				$sql = "SELECT * FROM items WHERE item_id = ?";
				$items = $this->db->query($sql, $rows[$i]->item_id);
				$like_num="0";
				 foreach($items->result() as $row_item){
				 	$like_num=$row_item->like_count;
				 }?>
			 <p><a href="#" onclick="" >Good(<?php echo $like_num;?>)</a></p>
			 <p><a href='<?php echo site_url("items/getItem/".$rows[$i]->item_id."/0");?>' >Comments(<?php echo $comments_num;?>)</a></p>
			<span><?php echo $rows[$i]->description ;?></span><br/><br/>
	   <?php }?>
	   </div>
		</div>
	<?php }?>
		</div>
	</div>
	</div>
</div>
		

<form action='<?php echo site_url("items/getByGenre")?>' name="search" method="post">
	<input type="hidden" id="num" name="num"/>
</form>

</body>
</html>